/* 用户名非空验证 */
$('#username').blur(function () {
    if ($(this).val() == '') {
        $(this).next('p').remove()
        $(this).after($('<p>').text('用户名不能为空！').css({
            'color': 'red',
            'fontSize': '12px'
        }))
    }
    if ($(this).val() != '') {
        $(this).next('p').remove()
    }

})
/* 密码非空验证 */
$('#password').blur(function () {
    if ($(this).val() == '') {
        $(this).next('p').remove()
        $(this).after($('<p>').text('密码不能为空！').css({
            'color': 'red',
            'fontSize': '12px'
        }))
    }
    if ($(this).val() != '') {
        $(this).next('p').remove()
    }
})
/* 登陆非空验证 */
$('.btn-login').click(function () {
    if ($('#username').val() == '') {
        $('#username').next('p').remove()
        $('#username').after($('<p>').text('用户名不能为空！').css({
            'color': 'red',
            'fontSize': '12px'
        }))
    }
    if ($('#username').val() != '') {
        $('#username').next('p').remove()
    }
    if ($('#password').val() == '') {
        $('#password').next('p').remove()
        $('#password').after($('<p>').text('密码不能为空！').css({
            'color': 'red',
            'fontSize': '12px'
        }))
    }
    if ($('#password').val() != '') {
        $('#password').next('p').remove()
    }
    // 登录账号密码验证是否正确
    var username = $('#username').val()
    var password = $('#password').val()

    let userListStr =  getCookie('userListCookie')
    if(!userListStr){
        alert('你还没有注册')
        return
    }
    // 如果userListStr为空，则初始化空数组给userList，否则，转json对象
    let userList = userListStr? JSON.parse(userListStr) : []
    let isRegister = false
    userList.forEach(user => {
        if(user.username == username && user.password == password){
            isRegister = true
        }
    });
    if(isRegister){
        location.href='../pages/index.html'
    }else{
        alert('用户名/密码错误！')
    }


})
/* 跳转注册界面 */
$('.btn-registered').click(function () {
    location.href = '../pages/registered.html'
})